<template>
  <div class="zst-box">
	<zst-header :title='title'></zst-header>
	<nav class="top-nav">
		<p :class="currentNav==1?'hover':''" @click='currentNav=1'>基本走势<span></span></p>
		<p :class="currentNav==2?'hover':''" @click='currentNav=2'>冷热分析<span></span></p>
		<p :class="currentNav==3?'hover':''" @click='currentNav=3'>大小走势<span></span></p>
		<p :class="currentNav==4?'hover':''" @click='currentNav=4'>奇偶走势<span></span></p>
	</nav>
    <div class="superbox">
		<div class="chart-container">
			<div class="chart-main">
				<div :class="currentNav==1?'page page1 active pageTit':'page page1 pageTit'" style="width:2190px">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="basicSort?'icon_jt_down flex_3':'icon_jt flex_3'" @click='sortData(basic,currentNav)'><p>期次</p></span>
								<span class="flex_10">
									<p>第一位</p>
									<div>
										<p>0</p>
										<p>1</p>
										<p>2</p>
										<p>3</p>
										<p>4</p>
										<p>5</p>
										<p>6</p>
										<p>7</p>
										<p>8</p>
										<p>9</p>
									</div>
								</span>
								<span class="flex_10">
									<p>第二位</p>
									<div>
										<p>0</p>
										<p>1</p>
										<p>2</p>
										<p>3</p>
										<p>4</p>
										<p>5</p>
										<p>6</p>
										<p>7</p>
										<p>8</p>
										<p>9</p>
									</div>
								</span>
								<span class="flex_10">
									<p>第三位</p>
									<div>
										<p>0</p>
										<p>1</p>
										<p>2</p>
										<p>3</p>
										<p>4</p>
										<p>5</p>
										<p>6</p>
										<p>7</p>
										<p>8</p>
										<p>9</p>
									</div>
								</span>
								<span class="flex_10">
									<p>第四位</p>
									<div>
										<p>0</p>
										<p>1</p>
										<p>2</p>
										<p>3</p>
										<p>4</p>
										<p>5</p>
										<p>6</p>
										<p>7</p>
										<p>8</p>
										<p>9</p>
									</div>
								</span>
								<span class="flex_10">
									<p>第五位</p>
									<div>
										<p>0</p>
										<p>1</p>
										<p>2</p>
										<p>3</p>
										<p>4</p>
										<p>5</p>
										<p>6</p>
										<p>7</p>
										<p>8</p>
										<p>9</p>
									</div>
								</span>
								<span class="flex_10">
									<p>第六位</p>
									<div>
										<p>0</p>
										<p>1</p>
										<p>2</p>
										<p>3</p>
										<p>4</p>
										<p>5</p>
										<p>6</p>
										<p>7</p>
										<p>8</p>
										<p>9</p>
									</div>
								</span>
								<span class="flex_10">
									<p>特别号</p>
									<div>
										<p>0</p>
										<p>1</p>
										<p>2</p>
										<p>3</p>
										<p>4</p>
										<p>5</p>
										<p>6</p>
										<p>7</p>
										<p>8</p>
										<p>9</p>
									</div>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in basic' :key='index'>
										<span class="flex_3">{{item.periodId}}</span>
										<template v-for='(items,indexs) in item.origin'>
											<span v-if='items == 0' :class="indexs>59?'cur_blue':'cur'"><font>{{basicIndex[indexs]}}</font></span>
											<span v-else>{{items}}</span>
										</template>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_3">出现次数</span>
								<template v-for='(item,index) in basicOther.appearCount'>
									<span>{{item}}</span>
								</template>
							</li>
							<li class="color_gray">
								<span class="flex_3">平均遗漏</span>
								<template v-for='(item,index) in basicOther.avgMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_blue">
								<span class="flex_3">最大遗漏</span>
								<template v-for='(item,index) in basicOther.maxMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_black">
								<span class="flex_3">最大连出</span>
								<template v-for='(item,index) in basicOther.maxContinuous'>
									<span>{{item}}</span>
								</template>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==2?'page page2 active':'page page2'" style="width:1050px">
					<div class="nav-com flex-box">
						<div class="nav-item flex-box-5">
							<div class="tit-record">
								<span>第一位</span>
							</div>
							<div class="tit-record icon-jt">
								<span :class="{'dwon':hotSort1,'hover':hotCurrent1==1}" @click='hotSort1 = !hotSort1;hotCurrent1=1;sortData(hot[0],currentNav)'>号码</span>
								<span :class="{'dwon':hotSort1,'hover':hotCurrent1==2}" @click='hotSort1 = !hotSort1;hotCurrent1=2;sortData(hot[0],currentNav)'>30期</span>
								<span :class="{'dwon':hotSort1,'hover':hotCurrent1==3}" @click='hotSort1 = !hotSort1;hotCurrent1=3;sortData(hot[0],currentNav)'>100期</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in hot[0]' :key='index'>
										<span>{{item.num}}</span>
										<span>{{item.hot30}}</span>
										<span>{{item.hot100}}</span>
									</li>
								</ul>
							</div>
						</div>
						<div class="nav-item flex-box-5">
							<div class="tit-record">
								<span>第二位</span>
							</div>
							<div class="tit-record icon-jt">
								<span :class="{'dwon':hotSort2,'hover':hotCurrent2==1}" @click='hotSort2 = !hotSort2;hotCurrent2=1;sortData(hot[1],currentNav)'>号码</span>
								<span :class="{'dwon':hotSort2,'hover':hotCurrent2==2}" @click='hotSort2 = !hotSort2;hotCurrent2=2;sortData(hot[1],currentNav)'>30期</span>
								<span :class="{'dwon':hotSort2,'hover':hotCurrent2==3}" @click='hotSort2 = !hotSort2;hotCurrent2=3;sortData(hot[1],currentNav)'>100期</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in hot[1]' :key='index'>
										<span>{{item.num}}</span>
										<span>{{item.hot30}}</span>
										<span>{{item.hot100}}</span>
									</li>
								</ul>
							</div>
						</div>
						<div class="nav-item flex-box-5">
							<div class="tit-record">
								<span>第三位</span>
							</div>
							<div class="tit-record icon-jt">
								<span :class="{'dwon':hotSort3,'hover':hotCurrent3==1}" @click='hotSort3 = !hotSort3;hotCurrent3=1;sortData(hot[2],currentNav)'>号码</span>
								<span :class="{'dwon':hotSort3,'hover':hotCurrent3==2}" @click='hotSort3 = !hotSort3;hotCurrent3=2;sortData(hot[2],currentNav)'>30期</span>
								<span :class="{'dwon':hotSort3,'hover':hotCurrent3==3}" @click='hotSort3 = !hotSort3;hotCurrent3=3;sortData(hot[2],currentNav)'>100期</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in hot[2]' :key='index'>
										<span>{{item.num}}</span>
										<span>{{item.hot30}}</span>
										<span>{{item.hot100}}</span>
									</li>
								</ul>
							</div>
						</div>
						<div class="nav-item flex-box-5">
							<div class="tit-record">
								<span>第四位</span>
							</div>
							<div class="tit-record icon-jt">
								<span :class="{'dwon':hotSort4,'hover':hotCurrent4==1}" @click='hotSort4 = !hotSort4;hotCurrent4=1;sortData(hot[3],currentNav)'>号码</span>
								<span :class="{'dwon':hotSort4,'hover':hotCurrent4==2}" @click='hotSort4 = !hotSort4;hotCurrent4=2;sortData(hot[3],currentNav)'>30期</span>
								<span :class="{'dwon':hotSort4,'hover':hotCurrent4==3}" @click='hotSort4 = !hotSort4;hotCurrent4=3;sortData(hot[3],currentNav)'>100期</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in hot[3]' :key='index'>
										<span>{{item.num}}</span>
										<span>{{item.hot30}}</span>
										<span>{{item.hot100}}</span>
									</li>
								</ul>
							</div>
						</div>
						<div class="nav-item flex-box-5">
							<div class="tit-record">
								<span>第五位</span>
							</div>
							<div class="tit-record icon-jt">
								<span :class="{'dwon':hotSort5,'hover':hotCurrent5==1}" @click='hotSort5 = !hotSort5;hotCurrent5=1;sortData(hot[4],currentNav)'>号码</span>
								<span :class="{'dwon':hotSort5,'hover':hotCurrent5==2}" @click='hotSort5 = !hotSort5;hotCurrent5=2;sortData(hot[4],currentNav)'>30期</span>
								<span :class="{'dwon':hotSort5,'hover':hotCurrent5==3}" @click='hotSort5 = !hotSort5;hotCurrent5=3;sortData(hot[4],currentNav)'>100期</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in hot[4]' :key='index'>
										<span>{{item.num}}</span>
										<span>{{item.hot30}}</span>
										<span>{{item.hot100}}</span>
									</li>
								</ul>
							</div>
						</div>
						<div class="nav-item flex-box-5">
							<div class="tit-record">
								<span>第六位</span>
							</div>
							<div class="tit-record icon-jt">
								<span :class="{'dwon':hotSort6,'hover':hotCurrent6==1}" @click='hotSort6 = !hotSort6;hotCurrent6=1;sortData(hot[5],currentNav)'>号码</span>
								<span :class="{'dwon':hotSort6,'hover':hotCurrent6==2}" @click='hotSort6 = !hotSort6;hotCurrent6=2;sortData(hot[5],currentNav)'>30期</span>
								<span :class="{'dwon':hotSort6,'hover':hotCurrent6==3}" @click='hotSort6 = !hotSort6;hotCurrent6=3;sortData(hot[5],currentNav)'>100期</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in hot[5]' :key='index'>
										<span>{{item.num}}</span>
										<span>{{item.hot30}}</span>
										<span>{{item.hot100}}</span>
									</li>
								</ul>
							</div>
						</div>
						<div class="nav-item flex-box-5">
							<div class="tit-record">
								<span>特别号</span>
							</div>
							<div class="tit-record icon-jt">
								<span :class="{'dwon':hotSort7,'hover':hotCurrent7==1}" @click='hotSort7 = !hotSort7;hotCurrent7=1;sortData(hot[6],currentNav)'>号码</span>
								<span :class="{'dwon':hotSort7,'hover':hotCurrent7==2}" @click='hotSort7 = !hotSort7;hotCurrent7=2;sortData(hot[6],currentNav)'>30期</span>
								<span :class="{'dwon':hotSort7,'hover':hotCurrent7==3}" @click='hotSort7 = !hotSort7;hotCurrent7=3;sortData(hot[6],currentNav)'>100期</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in hot[6]' :key='index'>
										<span>{{item.num}}</span>
										<span>{{item.hot30}}</span>
										<span>{{item.hot100}}</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div :class="currentNav==3?'page page3 active':'page page3'" style="width:1050px">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="bigOrSmallSort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(bigOrSmall,currentNav)'><p>期次</p></span>
								<span class="flex_2">
									<p>第一位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第二位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第三位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第四位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第五位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第六位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_7">
									<p>大小比</p>
									<div>
										<p>0:6</p>
										<p>1:5</p>
										<p>2:4</p>
										<p>3:3</p>
										<p>4:2</p>
										<p>5:1</p>
										<p>6:0</p>
									</div>
								</span>
								<span class="flex_2">
									<p>特别号</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in bigOrSmall' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<template v-for='(items,indexs) in item.origin'>
											<span v-if='items == 0' :class="indexs>11&&indexs<18?'cur_bf':indexs%2==0?'cur_d':'cur_x'"><font>{{bigOrSmallIndex[indexs]}}</font></span>
											<span v-else>{{items}}</span>
										</template>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<template v-for='(item,index) in bigOrSmallOther.appearCount'>
									<span>{{item}}</span>
								</template>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<template v-for='(item,index) in bigOrSmallOther.avgMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<template v-for='(item,index) in bigOrSmallOther.maxMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<template v-for='(item,index) in bigOrSmallOther.maxContinuous'>
									<span>{{item}}</span>
								</template>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==4?'page page4 active':'page page4'" style="width:1050px">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="bigOrSmallSort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(parity,currentNav)'><p>期次</p></span>
								<span class="flex_2">
									<p>第一位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span  class="flex_2">
									<p>第二位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第三位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第四位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第五位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第六位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_7">
									<p>奇偶比</p>
									<div>
										<p>0:6</p>
										<p>1:5</p>
										<p>2:4</p>
										<p>3:3</p>
										<p>4:2</p>
										<p>5:1</p>
										<p>6:0</p>
									</div>
								</span>
								<span class="flex_2">
									<p>特别号</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in parity' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<template v-for='(items,indexs) in item.origin'>
											<span v-if='items == 0' :class="indexs>11&&indexs<18?'cur_bf':indexs%2==0?'cur_d':'cur_x'"><font>{{parityIndex[indexs]}}</font></span>
											<span v-else>{{items}}</span>
										</template>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<template v-for='(item,index) in parityOther.appearCount'>
									<span>{{item}}</span>
								</template>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<template v-for='(item,index) in parityOther.avgMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<template v-for='(item,index) in parityOther.maxMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<template v-for='(item,index) in parityOther.maxContinuous'>
									<span>{{item}}</span>
								</template>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer class="footer">
		<span :class="currentNum==30?'hover':''" @click='changeBasicData(30,data)'>30期</span>
		<span :class="currentNum==50?'hover':''" @click='changeBasicData(50,data)'>50期</span>
		<span :class="currentNum==100?'hover':''" @click='changeBasicData(100,data)'>100期</span>
	</footer>
  </div>
</template>

<script>
import zstHeader from './head'
import {getTrend} from '@/api/user'
import { Toast } from 'vant';
export default {
	data() {
	    return {
	    	title:'',
	    	data:{},
	    	basic:[],
	    	basicOther:{},
	    	hot:[],
	    	hotOther:{},
	    	bigOrSmall:[],
	    	bigOrSmallOther:{},
	    	parity:[],
	    	parityOther:{},
	    	currentNum:30,
	    	currentNav:'1',
	    	basicSort:false,
	    	bigOrSmallSort:false,
	    	paritySort:false,
	    	hotSort1:false,
	    	hotSort2:false,
	    	hotSort3:false,
	    	hotSort4:false,
	    	hotSort5:false,
	    	hotSort6:false,
	    	hotSort7:false,
	    	hotCurrent1:1,
	    	hotCurrent2:1,
	    	hotCurrent3:1,
	    	hotCurrent4:1,
	    	hotCurrent5:1,
	    	hotCurrent6:1,
	    	hotCurrent7:1,
	    	basicIndex:['0','1','2','3','4','5','6','7','8','9','0','1','2','3','4','5','6','7','8','9','0','1','2','3','4','5','6','7','8','9','0','1','2','3','4','5','6','7','8','9','0','1','2','3','4','5','6','7','8','9','0','1','2','3','4','5','6','7','8','9','0','1','2','3','4','5','6','7','8','9'],
			bigOrSmallIndex:['大','小','大','小','大','小','大','小','大','小','大','小','0:6','1:5','2:4','3:3','4:2','5:1','6:0','大','小'],
			parityIndex:['奇','偶','奇','偶','奇','偶','奇','偶','奇','偶','奇','偶','0:6','1:5','2:4','3:3','4:2','5:1','6:0','奇','偶']
	    }
	},
	props:['gid','currentNavs'],
	components:{
		zstHeader,
		// [Dialog.Component.name]: Dialog.Component,
	},
	watch: {
	　　　'$route' (to, from) {
			this.getInfo()
		}
	　　　　　
	},
	methods:{
		getData(gid){
			getTrend({"gid":gid}).then((v)=>{
				let data = v.data;
				let status = data.status,mess = data.message;
				if (status === "_0000") {
					data = data.data;
					let hot = [],hot100=[],hot30 = [];
					this.basicOther = {
						appearCount:data.basic.appearCount.join(',').split(',').concat(data.basic.blueAppearCount.split(',')),
						avgMiss: data.basic.avgMiss.join(',').split(',').concat(data.basic.blueAvgMiss.split(',')),
						maxContinuous:data.basic.maxContinuous.join(',').split(',').concat(data.basic.blueMaxContinuous.split(',')),
						maxMiss: data.basic.maxMiss.join(',').split(',').concat(data.basic.blueMaxMiss.split(','))
					}
					hot100 = data.hot.hot100.concat(data.hot.blueHot100);
					hot30 = data.hot.hot30.concat(data.hot.blueHot30);
					for (let i = 0;i<hot30.length;i++) {
						let data = hot30[i].split(',').map((v,index)=>{
							let datas = {
								num:(index+1)<10?('0'+(index+1)):(index+1),
								hot30:v,
								hot100:hot100[i].split(',')[index]
							};
							return datas
						});
						hot.push(data)
					}
					this.hot = hot
					this.bigOrSmallOther = {
						appearCount:data.bigOrSmall.appearCount.split(',').concat(data.bigOrSmall.scoreAppearCount.split(','),data.bigOrSmall.blueAppearCount.split(',')),
						avgMiss: data.bigOrSmall.avgMiss.split(',').concat(data.bigOrSmall.scoreAvgMiss.split(','),data.bigOrSmall.blueAvgMiss.split(',')),
						maxContinuous:data.bigOrSmall.maxContinuous.split(',').concat(data.bigOrSmall.scoreMaxContinuous.split(','),data.bigOrSmall.blueMaxContinuous.split(',')),
						maxMiss: data.bigOrSmall.maxMiss.split(',').concat(data.bigOrSmall.scoreMaxMiss.split(','),data.bigOrSmall.blueMaxMiss.split(','))
					}
					this.parityOther = {
						appearCount:data.bigOrSmall.appearCount.split(',').concat(data.bigOrSmall.scoreAppearCount.split(','),data.bigOrSmall.blueAppearCount.split(',')),
						avgMiss: data.bigOrSmall.avgMiss.split(',').concat(data.bigOrSmall.scoreAvgMiss.split(','),data.bigOrSmall.blueAvgMiss.split(',')),
						maxContinuous:data.bigOrSmall.maxContinuous.split(',').concat(data.bigOrSmall.scoreMaxContinuous.split(','),data.bigOrSmall.blueMaxContinuous.split(',')),
						maxMiss: data.bigOrSmall.maxMiss.split(',').concat(data.bigOrSmall.scoreMaxMiss.split(','),data.bigOrSmall.blueMaxMiss.split(','))
					}
					this.data = data;
					this.changeBasicData(30,data);
				}else{
					Toast(mess)
				}
			})
		},
		changeBasicData(num,v){
			let data = v;
			let basicData =  data.basic.trend.slice(0,num),
				bigOrSmallSortData = data.bigOrSmall.trend.slice(0,num),
				paritySortData = data.parity.trend.slice(0,num);
			this.currentNum = num
			basicData = basicData.map((v,index)=>{
				let datas = {}
				let origin = v.origin.join(',').split(',');
				origin = origin.concat(v.buleOrigin.split(','))
				Object.assign(datas,v,{'origin':origin,'num':index});
				return datas
			})
			bigOrSmallSortData = bigOrSmallSortData.map((v,index)=>{
				let datas = {}
				let origin = v.origin.split(',');
				origin = origin.concat(v.score.split(','),v.buleOrigin.split(','))
				Object.assign(datas,v,{'origin':origin,'num':index});
				return datas
			})
			paritySortData = paritySortData.map((v,index)=>{
				let datas = {}
				let origin = v.origin.split(',');
				origin = origin.concat(v.score.split(','),v.buleOrigin.split(','))
				Object.assign(datas,v,{'origin':origin,'num':index});
				return datas
			})
			this.basic = basicData
			this.bigOrSmall = bigOrSmallSortData
			this.parity = paritySortData
		},
		sortData(data,current){
			if (current==1) {
				this.basicSort = !this.basicSort
			}
			if (current==2) {
				// this.hotSort = !this.hotSort
			}
			if (current==3) {
				this.bigOrSmallSort = !this.bigOrSmallSort
			}
			if (current==4) {
				this.paritySort = !this.paritySort
			}
			data.sort(function(a,b){
				if (Number(a.num)-Number(b.num)>0) {
					return Number(b.num)-Number(a.num);
				}else{
					return Number(a.num)-Number(b.num);
				}
				
			})
		},
		getInfo(){//初使化
			this.currentNav = this.currentNavs;
			this.title = this.lottery[this.gid].name;
			this.getData(this.gid);
		}
	},
	created(){
		this.getInfo()
	},
	mounted () {

	}
};
</script>

<style lang="less" scoped>
	@import './style.less';
</style>

